<script setup lang="ts">
import { ref, Ref } from "vue";

// 使用基于类型的声明，失去了默认值的功能，可以使用 withDefaults
interface PropsType {
  title?: string;
  lText?: string;
  rText?: string;
  show: boolean;
  labels?: string[];
}

defineEmits(["close"]);

// PropsType不能是从别处导入的类型(即不能是导入类型，不可以使用通过import导入的类型)
// 因为目前Vue组件是独立编译的，不会抓取导入的文件分析源类型(静态可以正常显示，保存时编译失败)

// 设置默认值
withDefaults(defineProps<PropsType>(), {
  title: `提示！`,
  lText: `取消`,
  rText: `确定`,
  labels: () => ["one", "two"],
});

var x = 1;
</script>

<template>
  <div v-if="show" @click="$emit(`close`)">
    {{ title }}
  </div>
</template>

<style scoped></style>
